{% extends 'base.html' %}



{% block head %}

{% endblock %}


{% block content %}



                    {% for article in article_list %}
                        <article class="post post-{{ forloop.counter }}">
                            <header class="entry-header">
                                <h1 class="entry-title">
                                    <a href="#">{{ article.title }}</a>
                                </h1>
                                <div class="entry-meta">
                                    <span class="post-category"><a href="#">{{ article.category }}</a></span>
                                    <span class="post-date"><a href="#"><time class="entry-date"
                                                                              datetime="2012-11-09T23:15:57+00:00">{{ article.create_time }}</time></a></span>
                                    <span class="post-author"><a href="#">@wgPython</a></span>
                                    <span class="comments-link"><a href="#">4 评论</a></span>
                                    <span class="views-count"><a href="#">{{ article.on_click }} 阅读</a></span>
                                </div>
                            </header>
                            <div class="entry-content clearfix">
                                <p>{{ article.content | truncatewords:"10"| safe }}</p>
                                <div class="read-more cl-effect-14">
                                    <a href="/details_{{ article.id }}" class="more-link">继续阅读 <span
                                            class="meta-nav">→</span></a>
                                </div>
                            </div>
                        </article>
                    {% empty %}
                        <div class="no-post">暂时还没有发布的文章！</div>
                    {% endfor %}

                    <!-- 简单分页效果
                    -->

    {% endblock %}

{#                <aside class="col-md-4">#}
{#                    <div class="widget widget-recent-posts">#}
{#                        <h3 class="widget-title">最新文章</h3>#}
{##}
{#                        <ul>#}
{##}
{#                            <li>#}
{#                                <a href="#">111111</a>#}
{#                            </li>#}
{##}
{#                        </ul>#}
{#                    </div>#}
{#                    <div class="widget widget-archives">#}
{#                        <h3 class="widget-title">归档</h3>#}
{#                        <ul>#}
{#                            <li>#}
{#                                <a href="#">2017 年 5 月</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">2017 年 4 月</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">2017 年 3 月</a>#}
{#                            </li>#}
{#                        </ul>#}
{#                    </div>#}
{##}
{#                    <div class="widget widget-category">#}
{#                        <h3 class="widget-title">分类</h3>#}
{#                        <ul>#}
{#                            <li>#}
{#                                <a href="#">Django 博客教程 <span class="post-count">(13)</span></a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">Python 教程 <span class="post-count">(11)</span></a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">Django 用户认证 <span class="post-count">(8)</span></a>#}
{#                            </li>#}
{#                        </ul>#}
{#                    </div>#}
{##}
{#                    <div class="widget widget-tag-cloud">#}
{#                        <h3 class="widget-title">标签云</h3>#}
{#                        <ul>#}
{#                            <li>#}
{#                                <a href="#">Django</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">Python</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">Java</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">笔记</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">文档</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">AngularJS</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">CSS</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">JavaScript</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">Snippet</a>#}
{#                            </li>#}
{#                            <li>#}
{#                                <a href="#">jQuery</a>#}
{#                            </li>#}
{#                        </ul>#}
{#                    </div>#}
{#                    <div class="rss">#}
{#                        <a href=""><span class="ion-social-rss-outline"></span> RSS 订阅</a>#}
{#                    </div>#}
{#                </aside>#}


